<style>
    .panel-header, .panel-body {
        border-width: 0px;
    }

    .datagrid, .combo-p {
        border: solid 1px #D4D4D4;
    }

    .panel-title {
        cursor: pointer
    }

    .inlineblock {
        margin-top: 10px;
    }

    .inlineblock div {
        display: inline-block;
    }

    .inlineblock div label {
        display: inline-block;
        top: 5px;
    }

    .newform {
        width: 70%;
    }

    .editform {
        width: 70%;
    }

    .searchClass {
        margin-left: 5%;
        margin-top: 1%;
    }

    .searchClass label {        width: 9%;
        font-weight: bold;
        text-align: center;
    }

    #Search {
        float: right;
        margin-right: 4%;
        width: 14%;
    }
    .ssss{
        color: #FFF;padding:5px 15px;background-color:#3F51B5;
        margin-right:20px;
    }
    .ssss:hover,.ssss:link,.ssss:visited,.ssss:active{
        color: #FFF;
        text-decoration: none;
    }
</style>
<div class="row">
    <div id="breadcrumb" class="col-xs-12" style="margin-bottom: 10px">
        <a href="#" class="show-sidebar"> <i class="fa fa-bars"></i>
        </a>
        <ol class="breadcrumb pull-left">
            <li><a href="#">设置</a></li>
            <li><a href="#">设置</a></li>
        </ol>
    </div>
</div>
<div class="row">
    <div class="col-xs-12">
        <div class="box">
            <div class="box-header">
                <div class="box-name">
                    <i class="fa fa-clipboard"></i> <span>设置</span>
                </div>
                <div class="box-icons">
                    <a class="collapse-link"> <i class="fa fa-chevron-up"></i>
                    </a> <a class="expand-link"> <i class="fa fa-expand"></i>
                </a> <a class="close-link"> <i class="fa fa-times"></i>
                </a>
                </div>
                <div class="no-move"></div>
            </div>
            <div class="box-content table-responsive" style="padding-top: 15px">
                <div style="border: 1px solid #CCC; height: 100px;background-color:#E8EBEF;line-height: 100px;margin-top: 5px;">
                    <div style="width: 10%;float: left;padding-left: 15px;line-height: 50px;">
                        <p><img src="static/img/power.png" height="50" style="margin-top: 10px"><br/>
                            <span style="position: relative;float:left;top: -10px;display: inherit;font-size: 12px">登录密码</span></p>
                    </div>

                    <div style="width: 90%;float: left;padding-left: 15px">
                        <p>
                            <span style="font-size: 13px;color: #000;">
                                <img src="static/img/yes.png" height="20">&nbsp;&nbsp;已开启</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <a id="change_userpass" href="JavaScript:;">更改</a>
                        </p>
                    </div>
                </div>
                <div style="border: 1px solid #CCC; height: 100px;background-color:#E8EBEF;line-height: 100px;margin-top: 5px;">
                    <div style="width: 10%;float: left;padding-left: 15px;line-height: 50px;">
                        <p><img src="static/img/power.png" height="50" style="margin-top: 10px"><br/>
                            <span style="position: relative;float:left;top: -10px;display: inherit;font-size: 12px">交易密码</span></p>
                    </div>

                    <div style="width: 90%;float: left;padding-left: 15px">
                        <p>
                            <span style="font-size: 13px;color: #000;">
                                <img src="static/img/yes.png" height="20">&nbsp;&nbsp;已开启</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <a id="deal_userpass" href="JavaScript:;">更改</a>
                        </p>
                    </div>
                </div>
                <div style="border: 1px solid #CCC; height: 100px;background-color:#E8EBEF;line-height: 100px;margin-top: 5px;">
                    <div style="width: 10%;float: left;padding-left: 15px;line-height: 50px;">
                        <p><img src="static/img/power.png" height="50" style="margin-top: 5px"><br/>
                            <span style="position: relative;float:left;top: -10px;display: inherit;font-size: 12px">短信验证</span></p>
                    </div>

                    <div style="width: 90%;float: left;padding-left: 15px">
                        <p>
                            <span style="font-size: 13px;color: #000;">
                                <img src="static/img/yes.png" height="20">&nbsp;&nbsp;已开启 （手机号码：<span id="after_phone">{$phone}</span>）</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <a id="user_change_phone" href="JavaScript:;">更改</a>
                        </p>
                    </div>
                </div>

                <!--主信息面板 S-->
                <div class="panel panel-default" style="border: 1px solid #CCC;">
                    <div class="panel-heading" role="tab" id="headingTwo">
                        <h4 class="panel-title" data-toggle="collapse" data-target="#collapseForCourseTable">
                            操作日志<span class="fa fa-chevron-down" style="float: right"></span>
                        </h4>
                    </div>
                    <div id="collapseForCourseTable" class="panel-collapse collapse in" role="tabpanel"
                         aria-labelledby="headingTwo">
                        <table id="datatable_systeminfo" data-size="15" style="width: 100%">
                        </table>
                    </div>
                </div>
                <!--主信息面板 E-->
            </div>
        </div>
    </div>
</div>
<script src="static/js/ajax/system.js"></script>
<script>
//    location.href = "#";
</script>